<template>
	<div class="black-white-list-container">
		<el-tabs size="small">
			<el-tab-pane label="白名单">
				<white-list></white-list>
			</el-tab-pane>
			<el-tab-pane label="黑名单">
				<black-list></black-list>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script setup name="BlackOrWhiteConfig" lang="ts">
import BlackList from './blackList.vue';
import WhiteList from './whiteList.vue';
</script>

<style rel="stylesheet/scss" lang="scss">
.black-white-list-container {
	.el-tabs__header {
		margin: 0;
	}
	.el-tabs--card > .el-tabs__header {
		border-bottom: 0;
	}
}
</style>
